<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="css/style.css" rel="stylesheet" />
<script src="js/jquery-1.7.2.min.js" type="text/javascript"
	charset="utf-8"></script>
<link href="css/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
<script src="js/jquery-ui-1.8.20.custom.min.js" type="text/javascript"
	charset="utf-8"></script>

<script>
	$(function() {
		$( "#datepicker" ).datepicker({ autoSize: true });
	});
</script>

<title>Trastienda - Mantenimiento de Categorias ::.. Lista de categorias</title>
</head>
<body>
	<%@include file="header.jsp"%>
	<%@include file="sidebarLeftMain.jsp"%>
	<div class="center_content">
		<h3>Mantenimiento de Productos</h3>
		<form action="verRegistroCategoria.html" method="get">
			<input type="submit" name="btnNuevo" id="btnNuevo" value="Nuevo" />
		</form>
		<table border="1">
			<tr>
				<td>Nombre</td>
				<td>Descripcion</td>
				<td>Editar</td>
				<td>Eliminar</td>
			</tr>


			<c:forEach items="${requestScope.CATEGORIAS}" var="r" varStatus="i">
				<tr>
					<td width="100">${r.nombre}</td>
					<td>${r.descripcion}</td>
					<td align="center"><a
						href="editarCategoria.html?id=${r.idCategoria}"> <img
							src="images/editar.jpg" alt="" title="" border="0" />
					</a></td>
					<td align="center"><a
						href="eliminarCategoria.html?id=${r.idCategoria}"><img
							src="images/delete.gif" alt="" title="" border="0" /></a></td>
				</tr>
			</c:forEach>
		</table>
	</div>
	<!-- end of center content -->


	<%@include file="sidebarRightMain.jsp"%>
	<%@include file="footer.jsp"%>
</body>
</html>